	(function(){
    		var html=document.documentElement
    		var width=html.getBoundingClientRect().width;
    		html.style.fontSize=width/18+'px'
    		
    	})();
    	
    $(".leftitem ul li").click(function(){
    	$(".leftitem ul li").css("background-color","#E8E8E8" ).css("color","#686868")
    	 $(this).css("background-color","white").css("color","black")
    	var a=$(this).index()
 
    	$(".scroller").css("display","none")
    	$(".scroller").eq(a).css("display","block")
    	
    	
    	});
 
 
  $.ajax({
 		type:"get",
  		url:"http://115.159.206.141/home/detailList",
 		async:true,
               data:{
               	type:1
              },
 		success:function(data){
  			 console.log(data)
                  for (var i=0;i<$("#num1 ul li").length;i++) {
                  	$("#num1 ul li").eq(i).css("background-image","url("+data.msg.data[i].picture+")");
                  }
                   for (var j=0;j<$("#num2 ul li").length;j++) {
                  	$("#num2 ul li").eq(j).css("background-image","url("+data.msg.data[j].picture+")");
                  }
  		}   	
  })
        
        $.ajax({
        	type:"get",
        	async:true,
        	url:"http://115.159.206.141/home/getType",
                 data:{
                 	id:"96"
                 },
                 success:function(data){
                 	 console.log(data)
                 	 var item="<ul><li class='li1'>"+data.msg.data[0].type+"</li><li class='li1'>"+data.msg.data[1].type+"</li></ul>";
   				  
           

                 	 	 $("#num1").html(item)
                    }
                 
        })
         $.ajax({
        	type:"get",
        	async:true,
        	url:"http://115.159.206.141/home/getType",
                 data:{
                 	id:"98"
                 },
                 success:function(data){
                 
                 	  var  item1=""
                 	for (var i=0;i<data.msg.data.length;i++) {
                 		 item1+="<ul><li class='li1'>"+data.msg.data[i].type+"</li></ul>"
                 		 
                 	}
                 	
                 	$("#num2").html(item1)
                 }
        })
         $.ajax({
         	type:"get",
         	url:"http://115.159.206.141/home/getType",
         	async:true,
         	data:{
         		id:102
         	},
         	success:function(data){
         		
         		 var item2=""
         		 for (var i=0;i<data.msg.data.length;i++) {
                 		 item2+="<ul><li class='li1'>"+data.msg.data[i].type+"</li></ul>"
                 		 
                 	}
                 	
                 	$("#num3").html(item2)
         		 
         	}
         });
          $.ajax({
         	type:"get",
         	url:"http://115.159.206.141/home/getType",
         	async:true,
         	data:{
         		id:107
         	},
         	success:function(data){
         	
         		 var item3=""
         		 for (var i=0;i<data.msg.data.length;i++) {
                 		 item3+="<ul><li class='	li1'>"+data.msg.data[i].type+"</li></ul>"
                 		 
                 	}
                 	
                 	$("#num4").html(item3)
         		 
         	}
         });
             $.ajax({
         	type:"get",
         	url:"http://115.159.206.141/home/getType",
         	async:true,
         	data:{
         		id:110
         	},
         	success:function(data){
         	
         		 var item4=""
         		 for (var i=0;i<data.msg.data.length;i++) {
                 		 item4+="<ul><li class='li1'>"+data.msg.data[i].type+"</li></ul>"
                 		 
                 }
                 	$("#num5").html(item4)
                 	for (var i=0;i<$("#num5 ul li").length;i++) {
                  	$("#num5 ul li").eq(i).css("background-image","url("+data.msg.data[i].picture+")").css("opacity","0.8");
                  }
                 	
         		 
         	}
         });
        $(".scroller").click(function(){
         
        	window.location.href="detail.html"
        
        })
     
//   var myscroll; //myscroll是全局变量，可以在任意地方调用
//      function loaded(){
//                 myscroll=new iScroll(".wrapper");
////       }
//      window.addEventListener("DOMContentLoaded",loaded,false);
//var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop